<template>
  <Modal>
    <a slot="trigger">Show Modal</a>
    <h3 slot="header">My Heading</h3>
    <p slot="body">Here is the body of the modal.</p>
    <div slot="footer">
      Here is the footer,with a button to close the modal.
      <button class="close-modal">Close modal</button>
    </div>
  </Modal>
</template>
<script>
import Modal from './Modal.vue';

export default {
  components: {
    Modal
  }
}
//https://stackoverflow.com/questions/42330304/better-way-to-add-close-modal-button-in-vue
</script>
<style lang="">

</style>